<template lang="html">
    <Panel title="Helping" :class="[$style.panel,cname]">
        <ul :class="$style.content">
          <li>
                <img  width="100%" src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png" alt="">
            </li>
            <!-- <li>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=100%&height=252" alt="">
            </li>
            <li>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2971/333/1297567079/898/f2d2e00d/577dc28dNe5138337.png?width=100%&height=108" alt="">
                    <p>客户端</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2824/256/2966087355/831/188bfa25/577cf3dcN18aadbf2.png?width=100%&height=108" alt="">
                    <p>触屏版</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t2920/282/1283157010/1040/23f1430b/577cf3e5N53f740b8.png?width=100%&height=108" alt="">
                    <p>电脑版</p>
                </div>
            </li>
            <li>Copyright © 2004-2017 京东JD.com 版权所有</li>
            <li>投资有风险，购买需谨慎</li>
            <li>京东金融平台服务协议</li>
            <li>京东金融隐私政策</li> -->
        </ul>
    </Panel>
</template>

<script>
import Panel from "../smallzj/panel.vue"
export default {
    components: {
        Panel,
    },
    props: {
        cname: {
            type: String,
            default: "",
        },
    },
}
</script>




<style lang="scss" module>
li{
  list-style: none;
  
}
  @import "../css/element.scss";
  .panel{
    @include panel;
    margin-bottom: 100px;
    &>h4{
      //display: none;
    }
    .content{
      @include flex;
      background: #F5F5F5;
       li{
         list-style: none;
      //   width: 100%;
      //   text-align: center;
      //   color: #999;
      //   font-size: 24px;
      //   >img{
      //     width: 100%;
      //     height: 143px;
      //   }
      //   &:nth-child(2){
      //     @include flex(row);
      //     height: 186px;
      //     box-sizing: border-box;
      //     >div{
      //       width: 33.3333%;
      //       text-align: center;
      //       box-sizing: border-box;
      //       padding-top: 20px;
      //       img{
      //         width: 90px;
      //         height: 90px;
      //       }
      //       p{
      //         font-size: 26px;
      //         text-align: center;
      //         display: block;
      //         color: #999;
      //         margin-top: 12px;
      //         white-space: nowrap;
      //         text-overflow: ellipsis;
      //         overflow: hidden;
      //       }
      //     }
      //   }
      //   &:nth-child(n+3){
      //     padding: 24px 0;
      //     height: 38px;
      //     line-height: 38px;
      //     border-top: 1px solid #ddd;
      //   }
      }
    }
  }
</style>
